import { WingBlank, Flex } from "antd-mobile";
import React, { Component } from "react";
import "./index.scss";
// const data = [
//   {
//     name: "我的收藏",
//     icon: "",
//   },
//   {
//     name: "我的出租",
//     icon: "",
//   },
//   {
//     name: "看房记录",
//     icon: "",
//   },
//   {
//     name: "成为房主",
//     icon: "",
//   },
//   {
//     name: "个人资料",
//     icon: "",
//   },
//   {
//     name: "联系我们",
//     icon: "",
//   },
// ];

class Toolbar extends Component {
  render() {
    return (
      <div className="ToolbarWrapper">
        <WingBlank>
          <Flex justify="between">
            <div className="bar">
              <div>
                <span className="iconfont icon-shoucang1"></span>
                <div className="title">
                  <span>我的收藏</span>
                </div>
              </div>
            </div>
            <div className="bar">
              <div>
                <span className="iconfont icon-shouyetubiao-05"></span>
                <div className="title">
                  <span>我的出租</span>
                </div>
              </div>
            </div>
            <div className="bar">
              <div>
                <span className="iconfont icon-jilu"></span>
                <div className="title">
                  <span>看房记录</span>
                </div>
              </div>
            </div>
          </Flex>
          <Flex justify="between">
            <div className="bar">
              <div>
                <span className="iconfont icon-chuzuwu"></span>
                <div className="title">
                  <span>成为房主</span>
                </div>
              </div>
            </div>
            <div className="bar">
              <div>
                <span className="iconfont icon-geren"></span>
                <div className="title">
                  <span>个人资料</span>
                </div>
              </div>
            </div>
            <div className="bar">
              <div>
                <span className="iconfont icon-lianxiwomen"></span>
                <div className="title">
                  <span>联系我们</span>
                </div>
              </div>
            </div>
          </Flex>
        </WingBlank>
      </div>
    );
  }
}

export default Toolbar;
